<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>对象字面量的增强</h1>
    </div>
    <script>
      const bar = 123;
      const obj = {
        foo: 123,
        // bar: bar,
        // 当key和value相同时,可以使用对象字面量增强的写法
        bar,

        // method1: function () {},这也可以使用对象字面量的写法
        method1() {
          console.log("增强写法");
          return "增强写法";
        },
        //动态添加属性名
        [Math.random()]: 13,
      };

      // 以前动态添加属性
      obj[Math.random()] = 147;
      console.log(obj);
      console.log(obj.method1());
    </script>
  </body>
</html>
